<template>
    <div>
        <home-new-zone :newZonedata="arraydata" screenHeight="4.57" newzoneclass="false"></home-new-zone>
    </div>
</template>
<script>
    import HomeNewZone from "../../../components/HomeNewZone";
    export default {
    	props: {
			list: {
				type: Array,
				default: () => []
			}
		},
        data () {
            return {
               arraydata: {},
            }
        },
        methods: {
            onedata() {
				if(this.list) {
					this.arraydata = this.list[0] ? this.list[0] : {};
				}
			},
        },
        watch:{
			list(data){
				this.onedata()
			}
		},
        components: {
            HomeNewZone
        },
        created () {

        },
        mounted() {
			this.onedata()
		},
    }
</script>
<style scoped>

</style>